<template>
  <el-row :gutter="10">
    <el-col :xs="12" :sm="15" :md="20" :lg="24">
      <div class="grid-content bg-purple">
        <el-table :data="tableData5" class="card">
          <el-table-column type="expand">
            <template slot-scope="props">
              <el-form label-position="left" inline class="demo-table-expand">
                <el-form-item label="内容">
                  <span>{{ props.row.content }}</span>
                </el-form-item>
              </el-form>
            </template>
          </el-table-column>
          <el-table-column label="口诀" prop="state">
          </el-table-column>
        </el-table>
      </div>
    </el-col>
  </el-row>

</template>
<script>
  export default {
    data() {
      return {
        tableData5: [{
          state: '相关文件要调取，相关数据要查清。运输过程有证据，客观证据更重要。',
          content: '1.运输危险化学品类案件，应调取所运输的危险化学品相关安全管理规定，并查明所载危险化学品的种类、重量、危险程度等相关材料。2.就化学危险品装车的地点、行驶路线，何人安排等，调取相关的书证，如出库单，证人证言、视频监控。'

        }]
      }
    }
  }
</script>

<style>
  .card {
    width: 100%;
    height: 100%;
  }
</style>
